<template>
    <div class="title">
        <slot>
            <span>爆款推荐</span>
        </slot>
    </div>
</template>

<script>

export default {
    components: {},
    data () {
        return {
            
        }
    },
    computed: {},
    watch: {},
    methods: {},
    created () {},
    mounted () {},
    beforeCreate () {},
    beforeMount () {},
    beforeUpdate () {},
    updated () {},
    beforeDestroy () {},
    destroyed () {},
    activated () {}
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
.title{
    padding: .2667rem 0;
    width: 100%;
    text-align: center;
    span{
        position: relative;
        font-weight: 600;
        &::after{
            content: "";
            position: absolute;
            width: .2133rem;
            height: .2133rem;
            border-radius: 50%;
            background-color: #d4c0a7;
            top: 50%;
            margin-top: -0.1067rem;
            right: -.5rem;
        }
        &::before{
            content: "";
            position: absolute;
            width: .2133rem;
            height: .2133rem;
            border-radius: 50%;
            background-color: #d4c0a7;
            top: 50%;
            margin-top: -0.1067rem;
            left: -.5rem;
        }
    }
}
</style>
